import React, { useEffect, useState } from "react";
import Head from "next/head";
import dynamic from "next/dynamic";

const MainComp = dynamic(() => import(`@/components/pages/game/puzzel/main`), {ssr: false});

const pageName = "game";
const klassName = pageName.replace(/\./g, '-');

export default function Page({data, map}) {
  return (
    <>
      <Head>
      </Head>
      <div className={`p-${klassName} page page-sec`}>
        <div className="inner">
          <MainComp />
        </div>
      </div>
    </>
  )
}
Page.need2auth = true